圖片尺寸小於容器：object-fit: none，圖片寬度100%時，圖片渲染寬度為容器寬度（所以會表現為圖片位置置中），但圖片顯示依舊為原圖尺寸
圖片尺寸大於容器：object-fit: none，圖片寬度100%時，圖片顯示依舊為原圖尺寸，而圖片則置中裁減
圖片尺寸小於容器：object-fit: none，圖片寬度無設置時，圖片渲染寬度原尺寸
圖片尺寸大於容器：object-fit: none，圖片寬度無設置時，圖片渲染寬度為原尺寸，而圖片則由容器起始點裁減
#css
#css
![[ 前端工具 ] - gulp, Babel, SCSS, uglyfy](https://mtr04-note.coderbridge.io/2020/08/28/gulp/?utm_source=coderbridge-io&utm_medium=blog_related_post_img&utm_campaign=Luna's Blog_[ 前端工具 ] - gulp, Babel, SCSS, uglyfy_@krebikshaw_https://static.coderbridge.com/img/krebikshaw/d3d241b0a9b84e7e8f2a989143a2b440.jpg)
![[ 筆記 ] 產品需求文件(參考資料) ＆ Final Project 構思紀錄](https://mtr04-note.coderbridge.io/2020/10/19/prd/?utm_source=coderbridge-io&utm_medium=blog_related_post_img&utm_campaign=Luna's Blog_[ 筆記 ] 產品需求文件(參考資料) ＆ Final Project 構思紀錄_@krebikshaw_https://static.coderbridge.com/img/krebikshaw/b09e5e1a2aa84d31b623fdf78209f487.jpg)